<?php // include '../logic/funcionesChachis.php'; ?>

<!-- Muro del proyecto para que los usuarios de kinet puedan escribir comentarios sobre él -->
<div class="cartel">
    Comentarios
</div>
<div style="margin:0 auto;width:80%;">           
    <!-- Aquí aparecerán los comentarios recibidos -->
    <!-- Aquí aparecerá la opción de añadir un comentario -->
    <?php $misDatos = datosUsuario($_SESSION['uid']);?>
        <form method="post" action="../logic/insertarMuroProyecto.php" onsubmit="return validarFormulario()">
            <input type="hidden" name="pid" value="<?php echo $_POST['pid'] ?>">
            <input type="hidden" name="uid" value="<?php echo $_SESSION['uid'] ?>">
            <div style="width:100%;padding:5px">
                <div style="float:left;padding-right:10px;min-height:60px;">
                    <img class="thumb" style="width:60px;" src="../<?php  echo $misDatos['foto']  ?>">
                </div>
                <div class="bocadillo_izquierda" style="float:left;padding:10px;width:calc(100% - 76px);min-height:60px">
                    <b><?php echo $misDatos['nombreUsuario']." ".$misDatos['apellidos']; ?> dice:</br></b>
                    <textarea name="comentario" id="comentario" maxlength="500" style="width:100%;height:100px;color:black"></textarea>
                    <div style="text-align:center;width:100%;padding:10px;"><button class="btn btn-info" style="border-radius:0;width:100px;">Enviar</button></div>
                    <!--<div style="float:left;"><i style="font-size:11px;color:gray;"><?php // echo formatoFecha(date("Y-m-d")); ?> a las <?php // echo date("H:i"); ?></i></div>-->
                </div>
                <div style="clear:both"></div>
            </div>
        </form>
    <?php
    
    $muro = obtenerMuro($_POST['pid']);

   //Preparamos los datos para la paginación
    $resPorPagina = 10;

    if(!isset($_GET['pagina'])) {
        $_GET['pagina'] = 1;
    }
    $resultados = paginar(count($muro), $resPorPagina, $_GET['pagina']); //número total de resultados, resultados por página, número de página

    $i = $resultados['i'];
    while ($i < $resultados['max']) {

        if ($_SESSION['uid'] == $muro[$i]['idUsuario']){ ?>
            <div style="width:100%;padding:10px;position:relative">
                <div style="float:left;padding-right:10px;min-height:60px;">
                    <img class="thumb" style="width:60px;" src="../<?php echo $muro[$i]['foto'] ?>">
                </div>
                <div class="bocadillo_izquierda" style="float:left;padding-left:10px;width:calc(100% - 76px);min-height:60px;text-align:justify">
                   <div style="float:left;font-weight:bold;">
                        <?php echo $muro[$i]['nombre']." ".$muro[$i]['apellidos']; ?> dijo:
                    </div>
                    <div style="float:right;font-size:11px;color:silver;">
                        <?php echo formatoFecha($muro[$i]['fecha']); ?> a las <?php echo formatoHora($muro[$i]['fecha']); ?>
                    </div>
                    <div style="padding:10px 0 25px 0;width:100%;float:left;">
                        <?php echo $muro[$i]['comentario'] ?><br>
                    </div>
<!--                    <div class="denunciar abajo derecha" id="denunciarComentarioIzquierda<?php echo $i ?>">
                        <i class="glyphicon glyphicon-flag"></i>
                    </div>-->
                </div>
                
                <div style="clear:both"></div>
<!--                <script>
                    $(document).ready(function(){
                        $("#denunciarComentarioIzquierda<?php // echo $i ?>").tooltip({ placement: 'left', html : true, trigger:'hover', title: 'Denunciar comentario'});
                    });
                </script>-->
            </div>
        <?php
        } else {
        ?>
            <div style="width:100%;padding:10px">
                <div style="float:right;padding-left:10px;min-height:60px;">
                    <img class="thumb" style="width:60px;" onclick='document.verPerfil<?php echo $i ?>.submit();' style="cursor:pointer" src="../<?php echo $muro[$i]['foto'] ?>">
                </div>
                <div class="bocadillo_derecha" style="float:right;padding:10px;width:calc(100% - 76px);min-height:60px;text-align:justify;position:relative">
                    <div style="float:left;font-weight:bold;">
                        <a href='#' onclick='document.verPerfil<?php echo $i ?>.submit();'><?php echo $muro[$i]['nombre']." ".$muro[$i]['apellidos']; ?></a> dijo:
                       
                    </div>
                    <div style="float:right;font-size:11px;color:gray;">
                        <?php echo formatoFecha($muro[$i]['fecha']); ?> a las <?php echo formatoHora($muro[$i]['fecha']); ?>
                    </div>
                    <div style='float:right;'>
                        <form name='verPerfil<?php echo $i ?>' method='get' action='../usuarios/perfil.php'>
                            <input type='hidden' name='uid' value='<?php echo $muro[$i]['idUsuario'] ?>'>
                        </form>
                    </div>
                    <div style="padding:10px 0 25px 0;float:left;width:100%;">
                        <?php echo $muro[$i]['comentario'] ?><br>
                    </div>
                    <div class="denunciar abajo izquierda" id="denunciarComentarioTool<?php echo $i ?>" title='Denunciar Comentario' data-toggle="modal" data-target="#denunciarComentario<?php echo $muro[$i]['idMuroProyecto'] ?>">
                        <i class="glyphicon glyphicon-flag"></i>
                    </div>
                </div>
                
                <div style="clear:both"></div>
                <script>
                    $(document).ready(function(){
//                        $("#denunciarComentarioTool<?php // echo $i ?>").tooltip({ placement: 'right', html : true, trigger:'hover', title: 'Denunciar comentario'});
                        $('#denunciarComentario<?php echo $muro[$i]['idMuroProyecto'] ?>').modal(options);
                    });
                </script>
            </div>
    
            <?php include 'denunciarComentario.php'; ?>
        <?php

        }
        $i++;

    }  ?>     
    <div style="width:100%;text-align:center">
        <?php if (count($muro) > $resPorPagina) { ?>
            <ul class="pagination">
                <?php if ($_GET['pagina'] == 1) { ?>
                    <li><a href="#">&laquo;</a></li>
                <?php } else { ?>
                    <li><a href="plan.php?pagina=<?php echo $_GET['pagina']-1 ?>&pid=<?php echo $_POST['pid'] ?>">&laquo;</a></li>
                <?php } ?>

                <?php for ($in = 0 ; $in < (count($muro)/$resPorPagina) ; $in++) { ?>
                    <?php if ($in+1 == $_GET['pagina']) { ?>
                        <li class="active"><a href="#"><?php echo $in+1 ?></a></li>
                    <?php } else { ?>
                        <li><a href="plan.php?pagina=<?php echo $in+1 ?>&pid=<?php echo $_POST['pid'] ?>"><?php echo $in+1 ?></a></li>
                    <?php } ?>
                <?php }?>
                        
                <?php if ($_GET['pagina'] >= (count($muro)/$resPorPagina)) { ?>
                    <li><a href="#">&raquo;</a></li>
                <?php } else { ?>
                    <li><a href="plan.php?pagina=<?php echo $_GET['pagina']+1 ?>&pid=<?php echo $_POST['pid'] ?>">&raquo;</a></li>
                <?php } ?>
                
            </ul>
        <?php } ?>
    </div>
    <div style="clear:both"></div>
</div>
<script>
    function validarFormulario() {
        campo = document.getElementById("comentario");
        if (campo.value == "") {
            campo.style.borderColor = "red";
            campo.style.boxShadow = "0px 0px 15px red";
            return false;
        } else {
            campo.style.borderColor = "silver";
            campo.style.boxShadow = "none";
        }
        return true;
    }
</script>